<div id="sp-slide-grid" class="sp-modCol1 clearfix">
    <div class="sp-wrap clearfix">
        <div class="sp-inner clearfix">
            <div style="width:100%" class="sp-block ">
                <div id="sp-slides" class="mod-block sp-slides  single">
                    <script type="text/javascript">
                        //<![CDATA[
                        window.addEvent('domready', function() {
                            var spSlide101 = new slideshow_sp2($('sp-slide101'), {
                                size: {width: 1160, height: 510},
                                interval: 10000,
                                fxOptions: {duration:  300, transition: Fx.Transitions.Expo.easeOut},
                                transition: 'cover-horizontal-push',
                                walkers: {
                                    container: $('handlers101'),
                                    depth:290,
                                    wmode:'horizontal',
                                    mouse_wheel: false,
                                    display:4		},

                                onWalk: function (i, j) {
                                    this.walkers.items.removeClass('active');
                                    this.walkers.items[i].addClass('active');
                                },
                                onInitialized: function () {
                                    this.walkers.items[0].addClass('active');
                                }		
                            });

                            var images = [
                                "<?=$curHost?>images/slides/slide1.png","<?=$curHost?>images/slides/slide2.png","<?=$curHost?>images/slides/slide4.png","<?=$curHost?>images/slides/slide3.png"	
                            ];
                            var images_elements = document.getElements('#sp-slide101 img');

                            var loader = Asset.images(images, {
                                onComplete: function () {
                                    spSlide101.play();
                                },

                                onProgress: function (i) {
                                    images_elements[i-1].src = images[i-1];
                                }
                            });	

                        });
                        //]]>
                    </script>
                    <div class="sp-slide" style="position:relative">
                        <div id="sp-slide101" style="overflow:hidden;position:relative;height:510px;width:1160px">
                            <div class="sp-slide-content">
                                <div class="image-block" style="width:1160px;height:510px">
                                    <a href="#"><img src="<?=$curHost?>images/none.gif" alt="" style="width:1160px;height:510px" /></a>
                                </div>	
                                <div class="sp-slide-intro"><p class="slide-text first-line">Bước thứ nhất</p>
                                    <p class="clr"> </p>
                                    <p class="slide-text second-line">Nghiên cứu thị trường và xã hội</p>
                                </div>
                            </div>			
                            <div class="sp-slide-content">
                                <div class="image-block" style="width:1160px;height:510px">
                                    <a href="#"><img src="<?=$curHost?>images/none.gif" alt="" style="width:1160px;height:510px" /></a>
                                </div>	
                                <div class="sp-slide-intro"><p class="slide-text first-line">Bước thứ hai</p>
                                    <p class="clr"> </p>
                                    <p class="slide-text second-line">Phân tích nhu cầu và yêu cầu</p>
                                </div>
                            </div>			
                            <div class="sp-slide-content">
                                <div class="image-block" style="width:1160px;height:510px">
                                    <a href="#"><img src="<?=$curHost?>images/none.gif" alt="" style="width:1160px;height:510px" /></a>
                                </div>	
                                <div class="sp-slide-intro"><p class="slide-text first-line">Bước thứ ba</p>
                                    <p class="clr"> </p>
                                    <p class="slide-text second-line">Sáng tạo và đưa ra các ý tưởng</p>
                                </div>
                            </div>			
                            <div class="sp-slide-content">
                                <div class="image-block" style="width:1160px;height:510px">
                                    <a href="#"><img src="<?=$curHost?>images/none.gif" alt="" style="width:1160px;height:510px" /></a>
                                </div>	
                                <div class="sp-slide-intro"><p class="slide-text first-line">Cuối cùng</p>
                                    <p class="clr"> </p>
                                    <p class="slide-text second-line">Phát triển các phiên bản theo định hướng</p>
                                </div>
                            </div>			
                        </div>
                        <div id="handlers101" class="controllers" style="width:1160px;left:0px;height:100px;">
                            <div class="handles" style="width:290px;height:100px">
                                <div class="thumb_bg" style="width:290px;height:100px">
                                    <div class="sp-slide-inside clearfix">
                                        <h4 class="title">Nghiên cứu</h4>					
                                    </div>
                                </div>
                            </div>	
                            <div class="handles" style="width:290px;height:100px">
                                <div class="thumb_bg" style="width:290px;height:100px">
                                    <div class="sp-slide-inside clearfix">
                                        <h4 class="title">Phân tích</h4>					
                                    </div>
                                </div>
                            </div>	
                            <div class="handles" style="width:290px;height:100px">
                                <div class="thumb_bg" style="width:290px;height:100px">
                                    <div class="sp-slide-inside clearfix">
                                        <h4 class="title">Sáng tạo ý tưởng</h4>					
                                    </div>
                                </div>
                            </div>	
                            <div class="handles" style="width:290px;height:100px">
                                <div class="thumb_bg" style="width:290px;height:100px">
                                    <div class="sp-slide-inside clearfix">
                                        <h4 class="title">Phát triển</h4>					
                                    </div>
                                </div>
                            </div>	
                        </div>
                        <div class="controller_left"></div>
                        <div class="controller_right"></div>	
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>	
